<template>
  <div class="main-box">
    <div class="form-header">
      <i class="title-font">录入信息</i>
    </div>
    <div class="form-body">
      <el-form ref="form" :model="form" label-width="100px" class="troila-form">
        <el-form-item label="订单数量" class="width37">
          <el-input v-model="form.quantity"></el-input>
        </el-form-item>
        <el-form-item label="人员性别" class="width37">
          <el-radio-group v-model="form.sex">
            <el-radio label="男"></el-radio>
            <el-radio label="女"></el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item label="人员姓名" class="width37">
          <el-input v-model="form.name"></el-input>
        </el-form-item>
        <el-form-item label="订单物品" class="width37">
          <el-checkbox-group v-model="form.order">
            <el-checkbox label="衣服" name="type"></el-checkbox>
            <el-checkbox label="家居" name="type"></el-checkbox>
            <el-checkbox label="饰品" name="type"></el-checkbox>
            <el-checkbox label="食品" name="type"></el-checkbox>
          </el-checkbox-group>
        </el-form-item>
        <el-form-item label="手机号码" class="width37">
          <el-input v-model="form.phone"></el-input>
        </el-form-item>
        <el-form-item label="订单日期" class="width37">
          <el-date-picker v-model="orderDate" type="date" placeholder="">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="添加资料" class="width37">
          <upload
            :list="fileList1"
            api="public.uploadFile"
            @delete="deleteFile"
          ></upload>
        </el-form-item>
        <el-form-item class="btn-box">
          <el-button>{{ ajaxIng ? '返 回' : '取 消' }}</el-button>
          <el-button type="primary" :loading="loading" @click="onSubmit"
            >确 定</el-button
          >
        </el-form-item>
      </el-form>
      <unit-dialog @change="alert('ok')" />
    </div>
  </div>
</template>
<script>
import unitDialog from '../dialog/dialog'
export default {
  name: 'userManageForm',
  components: {
    unitDialog,
  },
  data() {
    return {
      ajaxIng: false,
      form: {
        quantity: '',
        sex: '',
        name: '',
        order: [],
        phone: '',
      },
      orderDate: '',
      fileList1: [],
    }
  },

  mounted() {},
  destroyed() {},
  methods: {
    onSubmit() {
      console.log('submit!')
    },
    deleteFile() {},
  },
}
</script>
<style scoped>
.main-box {
  padding: 21px 22px 0 20px;
}
</style>
